<template>
  <div align="center" style="padding: 50px;">
  <div class="card-container1">
    <lay-card>
      <lay-form @submit="submit10" :model="submitModel10" requiredIcons="layui-icon-heart-fill" :use-CN="false" required>
        <lay-form-item style="text-align:center">
          <span></span>
        </lay-form-item>
        <lay-form-item style="text-align:center">
          <h1>忘记密码</h1>
        </lay-form-item>
        <lay-form-item label="邮箱" prop="请输入邮箱">
          <lay-input v-model="submitModel10.username"></lay-input>
        </lay-form-item>
        <lay-form-item style="text-align:center">
          <lay-button type="primary" native-type="submit">提交</lay-button>
        </lay-form-item>
      </lay-form>
    </lay-card>
  </div>
  </div>
</template>

<script>
import { ref, reactive } from 'vue';
import { layer } from '@layui/layer-vue';
import Menu from "@/components/Menu";

export default {
  name: "forget",
  setup() {
    const submitModel10 = reactive({
      username: "",
      password: ""
    })

    const submit10 = function(isValidate, model, errors) {
      layer.msg(`${JSON.stringify(errors)}`)
    }
    return {
      submitModel10,
      submit10
    }
  }
}


</script>
<style>
.card-container1 {
  text-align: center;
  width: 500px;
  background: whitesmoke;
  padding: 20px;
}
</style>